.menu-icon {
	font-size: 22px;
}
.pok-basic-layout {
	background-image: url('http://szxy.ppsuc.edu.cn/images/index-bj.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 100%;
	& > header {
		padding: 0 36px;
		display: flex;
		justify-content: space-between;
	}
	.header-container {
		position: sticky;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 2;
		&.container-scroll {
			width: 100%;
		}
		&.container-scroll::after {
			content: '';
			height: 16px;
			width: 100%;
			position: absolute;
			bottom: -16px;
			left: 0;
		}
		.header-logo {
			display: flex;
			align-items: center;
			// min-width: 105px;
			line-height: 56px;

			img {
				max-width: 320px;
				max-height: 28px;
			}
		}
	}
	.menu-box {
		margin-top: 10px;
		display: flex;
		flex: 1;
		height: 54px;
		border-bottom: none;
		overflow: hidden;
		margin-right: 146px;
		&-item {
			padding: 0;
			display: flex;
			height: 100%;
			color: @rok-text-color-secondary;
			font-weight: @rok-font-weight-bold;
			font-size: @rok-font-size-title;
			border-bottom: none;
			cursor: pointer;
			border-bottom: none !important;
			&:hover {
				color: @rok-primary-color;
				border-bottom: none;
			}
			&.ant-menu-item-selected {
				border-bottom: none;
			}
			.item-text {
				height: 54px;
				min-width: 72px;
				max-width: 316px;
				line-height: 48px;
				text-align: center;
			}
			.item-before,
			.item-after {
				visibility: hidden;
				img {
					margin-top: -1px;
					width: 48px;
					height: 55px;
				}
			}
		}
		.ant-menu-overflowed-submenu {
			border-bottom: none;
			color: @rok-text-color;
		}
		.menu-active {
			.item-text {
				color: @rok-primary-color;
			}
			.item-before,
			.item-after {
				visibility: visible;
			}
		}
	}
	.expiration-reminder {
		position: sticky;
		top: 64px;
		z-index: 10;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 24px;
		color: #ff9801;
		font-size: 12px;
		line-height: 24px;
		background-color: #fff6e5;
		& > span {
			margin: 0 8px;
		}
		& > div {
			text-decoration: underline;
			cursor: pointer;
		}
	}
	.content-container {
		margin: 16px 36px 24px;
		height: calc(100% - 80px);

		.content-body {
			min-height: 100%;
			height: 100%;
		}
	}
}
.ant-menu-submenu-popup {
	ul.ant-menu-vertical {
		min-width: 220px;
		max-width: 348px;
		li.menu-box-item {
			&:hover {
				background-color: @rok-hover-color;
			}
			.item-before,
			.item-after {
				display: none;
			}
		}
	}
}
